import React from 'react';

const Alert = ({
  x,
  y,
  width,
  onClick,
}) => (
  <svg x={x} y={y} width={width} height="24px" viewBox="0 0 24 24" onClick={onClick}>
    <g id="页面-1" stroke="none" fill="none">
      <g id="危险分级" transform="translate(-417.000000, -44.000000)">
        <g id="编组-7" transform="translate(417.000000, 44.000000)">
          <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24" />
          <path d="M12.8551978,2.61107642 L23.0798171,19.4816983 C23.3660673,19.954011 23.2152337,20.5689477 22.742921,20.8551978 C22.586631,20.949919 22.4073723,21 22.2246193,21 L1.77538069,21 C1.22309594,21 0.77538069,20.5522847 0.77538069,20 C0.77538069,19.817247 0.825461654,19.6379883 0.920182858,19.4816983 L11.1448022,2.61107642 C11.4310523,2.1387637 12.045989,1.98793017 12.5183017,2.27418031 C12.656103,2.35769623 12.7716819,2.47327514 12.8551978,2.61107642 Z" id="多边形" fill="#BB2C4A" />
          <rect id="矩形" fill="#1E252F" x="11" y="8" width="2" height="7" />
          <rect id="矩形" fill="#1E252F" x="11" y="17" width="2" height="2" />
        </g>
      </g>
    </g>
  </svg>
);

export default Alert;
